﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="PedidoComercialList.aspx.cs" Inherits="WebAppPlanProduccion.App.PedidoComercialList" %>

<asp:Content ID="HeaderContent" ContentPlaceHolderID="HeadContent" runat="server">
    <METAHTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
    <link href="/Styles/GridStyle.css" rel="stylesheet" type="text/css" />
    <link href="/Styles/jquery.datepick.css" rel="stylesheet" type="text/css" />
    <link href="/Styles/PedidoComercial.css" rel="stylesheet" type="text/css" />
    <link href="/Styles/jquery-ui-1.8.10.custom.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.datepick.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.datepick-es-AR.js" type="text/javascript"></script>
    <script src="/Scripts/ajaxupload.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtFechaDesde').datepick({ dateFormat: 'dd/mm/yyyy' });
            $('#txtFechaHasta').datepick({ dateFormat: 'dd/mm/yyyy' });
        });

        $(function () {
            // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
            $("#dialog:ui-dialog").dialog("destroy");

            $("#dialog-modal-procesando").dialog({
                height: 140,
                autoOpen: false,
                width: 'auto',
                modal: true
            });
        });

        $(function () {
            // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
            $("#dialog:ui-dialog").dialog("destroy");

            $("#dialog-modal-archivosubido").dialog({
                modal: true,
                autoOpen: false,
                width:'auto',
                buttons: {
                    Ok: function () {
                        $(this).dialog("close");
                    }
                }
            });
        });

    </script>
</asp:Content>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">    
    <h2>
        Buscar Pedidos Comerciales
    </h2>
    <div class="editionContainerFilter">
        <p>
            <span class="title">Id de pedido:</span>
            <asp:TextBox ID="txtPedidoId" runat="server" CssClass="inputs"></asp:TextBox>
        </p>
        <p>
            <span class="title secondColumn">Descripci&oacute;n:</span>
            <asp:TextBox ID="txtNombre" runat="server" CssClass="inputs"></asp:TextBox>
        </p>
        <div class="clear">
        </div>
        <p>
            <span class="title">Temporada:</span>
            <asp:DropDownList ID="cboTemporada" runat="server" CssClass="cbo">
            </asp:DropDownList>
        </p>
        <p>
            <span class="title secondColumn">Destino:</span>
            <asp:DropDownList ID="cboDestino" runat="server" CssClass="cbo">
            </asp:DropDownList>
        </p>
        <div class="clear">
        </div>
        <p>
            <span class="title">Fecha Desde:</span>
            <asp:TextBox ID="txtFechaDesde" runat="server" ClientIDMode="Static" CssClass="inputs"></asp:TextBox>
        </p>
        <p>
            <span class="title secondColumn">Fecha Hasta:</span>
            <asp:TextBox ID="txtFechaHasta" runat="server" ClientIDMode="Static" CssClass="inputs"></asp:TextBox>
        </p>
           <div class="clear">
        </div>     
        <asp:LinkButton ID="lnkBuscar" runat="server" OnClick="lnkBuscar_Click">Buscar</asp:LinkButton>
        <a href="#" onclick="javascript:document.forms[0].reset();">Limpiar</a>
        <div class="clear">
        </div>
    </div>
    <h2>
        Listado de Pedidos Comerciales        
    </h2>
    <asp:Panel ID="pnlResults" CssClass="editionContainerForGrid" runat="server">
        <asp:GridView ID="GridPedidosComerciales" runat="server" CellPadding="4" ForeColor="#333333"
            GridLines="None" AutoGenerateColumns="False" DataKeyNames="Id" 
            Width="100%" AllowPaging="True"
            OnPageIndexChanging="GridPedidosComerciales_PageIndexChanging" 
            OnRowCommand="GridPedidosComerciales_RowCommand" 
            onrowdatabound="GridPedidosComerciales_RowDataBound">
            <AlternatingRowStyle BackColor="White" />
            <Columns>
                <asp:ButtonField ButtonType="Image" CommandName="editar" ImageUrl="~/Images/editar.png"
                    Text="Button" AccessibleHeaderText="editar">
                    <HeaderStyle HorizontalAlign="Left" Width="30px" />
                    <ItemStyle HorizontalAlign="Center" />
                </asp:ButtonField>
               <asp:TemplateField HeaderText="">
                    <HeaderStyle HorizontalAlign="Left" Width="30px" />
                    <ItemStyle HorizontalAlign="Center" />
                    <ItemTemplate>
                        <asp:ImageButton ID="btnEliminar" 
                            runat="server" ImageUrl="~/Images/eliminar.png" CommandName="eliminar" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="">
                    <HeaderStyle HorizontalAlign="Left" Width="30px" />
                    <ItemStyle HorizontalAlign="Center" />
                    <ItemTemplate>
                        <input type="image" id="btn_file_<%#Eval("Id") %>" src="/Images/excel.png" title="Importar" />
                        <script type="text/javascript">
                            $(function () {
                                //Function to upload file.                               

                                new AjaxUpload('#btn_file_<%#Eval("Id") %>', {
                                    action: '../Handler/FileUploadPedidoComercialHandler.PC?pedidoComercialId=<%#Eval("Id") %>',
                                    name: 'PC',
                                    onComplete: function (file, response) {
                                        $("#dialog-modal-procesando").dialog('close');
                                        $('#dialog-modal-archivosubido').html(response);
                                        $('#dialog-modal-archivosubido').dialog('open');

                                    },                                   
                                    onSubmit: function (file, ext) {
                                        if (!(ext && /^(xls|xlsx)$/i.test(ext))) {
                                            $('#dialog-modal-archivosubido').html('Importe solo archivos Excel');

                                            //$('#dialog-modal-archivosubido').dialog(option, width: 'auto'
                                            $('#dialog-modal-archivosubido').dialog('open');
                                            return false;
                                        }

                                        if (confirm('El proceso actualizará las cantidades del Pedido Comercial  sumando y restando de acuerdo a la información del Excel. Está seguro que continúa con el proceso de carga?')) {
                                            $("#dialog-modal-procesando").dialog('open');
                                        }
                                        else {
                                            return false;
                                        }
                                    }
                                });
                            });                            
                        </script>
                    </ItemTemplate>
                </asp:TemplateField>              
                <asp:BoundField DataField="Id" HeaderText="Id">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>
                <asp:BoundField DataField="TemporadaNombre" HeaderText="Temporada">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>
                <asp:BoundField DataField="DestinoNombre" HeaderText="Destino">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>
                  <asp:BoundField DataField="CantidadPrendas" HeaderText="Prendas">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>                
                <asp:BoundField DataField="Nombre" HeaderText="Descripción">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>
                 <asp:BoundField DataField="AuditFechaModificacion" HeaderText="Fecha de Modificación">
                    <HeaderStyle HorizontalAlign="Left" />
                </asp:BoundField>                
            </Columns>
            <EditRowStyle BackColor="#2461BF" />
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#4b6c9e" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
            <PagerStyle BackColor="#4b6c9e" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#EFF3FB" />
            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle BackColor="#F5F7FB" />
            <SortedAscendingHeaderStyle BackColor="#6D95E1" />
            <SortedDescendingCellStyle BackColor="#E9EBEF" />
            <SortedDescendingHeaderStyle BackColor="#4870BE" />
        </asp:GridView>
    </asp:Panel>
    <asp:LinkButton ID="lnkCrearPedido" runat="server" CssClass="agregarNuevo" OnClick="lnkCrearPedido_Click">Nuevo</asp:LinkButton>

    <div id="dialog-modal-procesando" title="Procesando Archivo Excel" style="text-align: center;
        vertical-align: middle">
        <img alt="" src="/Images/roller_orange.gif" style="margin-top: 30px" />
    </div>
    <div id="dialog-modal-archivosubido" title="Archivo Procesado">
    </div>

</asp:Content>
